/* CSS 3 */


/*
> Encabezados
> Listas
> General
> Pie de página
> Tablas
> Calendario
> Horario
> Archivos específicos
*/

body {
    font-family: "Trebuchet MS", Arial;
    background-image: url(img/fondo_naranja.png);
    background-repeat: no-repeat;
    background-color: #EAFFA8;
    padding: 7px;
    overflow-x: hidden;
}



/****************************
 ** Encabezados *************
 ****************************/

h1 {
   font-size: 35pt;
   text-decoration: underline;
   font-family: "Lucida Sans Unicode", Arial;
   font-weight: bold;
   color: red;
   margin: 17px 10px 15px 10px;
   padding: 30px 0 10px;
   text-align: center;
   text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;
   opacity: 0.97;
}
h2 {
   border-bottom: 1px solid black;
}
h3 {
   color: navy;
}


/****************************
 ** Listas ******************
 ****************************/

ul#principal {/* index */
   list-style: circle;
}
ul#principal li {/* index */
   font-weight: bold;
   padding: 3px;
}
ol#pract_HTML li, ol#pract_linux li {/* index */
   list-style: decimal !important;
   font-weight: normal !important;
}
ul#pract_asignatura li, ul.cuadrados {/* index, curriculum */
   list-style: square;
   font-weight: normal;
}



/****************************
 ** General *****************
 ****************************/

p {
   margin-left: 35px;
}
.negrita, .bold {
   font-weight: bold;
}
.cursiva, .italic {
   font-style: italic;
}
.small, .pequeño {
   font-size: 85%;
}
.big, .grande {
   font-size: 120%;
}
a {
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a img {
   border:none;
}
p#top {
    margin-left: 2px;
    margin-top: -1px;
    float: left;
    -moz-box-shadow: 4px 4px 6px #309A14;
}
p#top a {
   font-size: 90%;
   text-decoration: blink;
   background-color: #DAEE88;
   border: 2px dotted #CADE78;
}
abbr {
   cursor:help;
}
.deja_margen_arriba {
   margin-top: 70px;
}
.letras_separadas {
   letter-spacing: 2px;
}
p#ultima_actualizacion {
   color: #15301A;
   cursor: help;
   margin-left: 70px;
}




/****************************
 ** Pie de página ***********
 ****************************/ 

div#pie, dl {
   border-style: solid;
   border-width: 14px;
   -moz-border-top-colors: black #f0cc99 #f2bb88 #f4aa77 #f69966 #ff8855 #f87744 #fa6633 #fc5522 #fe4411 #ff3300;
   -moz-border-right-colors: black #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
   -moz-border-bottom-colors: black #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
   -moz-border-left-colors: black #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855 #ff7744 #ff6633 #ff5522 #ff4411 #ff3300;
   margin-top: 2cm;
   background-image: url(img/fondo-rayas.gif);
   background-repeat: repeat;
   /*cursor: vertical-text;*/
   padding: 30px;
   -moz-border-radius: 1.4pc;
   -moz-box-shadow: 10px 10px 6px #AAAAAA;    
} 
div#pie:hover {
   /*border: 3px dotted red;    */
   -moz-box-shadow: 10px 10px 6px #AA4450;
}
div.pie_int_1 {
   background-image: url(img/php-logo.png);
   background-position: center;
   background-repeat: no-repeat;
}
p#contador_de_visitas {
   color: #540417;
} 
p#validador {
   float: right;
}
div#pie p#hora span {
   cursor: help;
}
div#pie p#nota {
   margin-top: 32mm;
   text-decoration: blink;
   width: 60%;
   border-top: 1px solid navy;
   margin-left: -7px;
}



/****************************
 ** Tablas ******************
*****************************/ 
  
table {
   text-align:center;
	 width:100%;
}



/****************************
 ** Calendario **************
*****************************/ 

table#calendario tr td.contenedor {
	 text-align: center;
	 vertical-align: top;
	 padding: 9px;
}
table#calendario TD.contenedor:first-child, table#calendario TD:first-child + TD.contenedor, table#calendario TD:first-child + TD + TD.contenedor {
	 border-right: 2px dashed gray;
}
table#calendario table td {
	background-color: #91EE90;
	border: 2px dotted #151620;
	padding: 3px;
}
table#calendario tr td table {
/*	border-collapse: separate;*/
	empty-cells: hide;
}
th.mes {
	 font-size: 132%;
	 font-family: "Trebuchet MS";
	 font-variant: small-caps;
	 text-decoration: underline;
	 color:navy;
}
td.domingo {
    color:red;
	 background-color: #9B2B00 !important;
}
td.sabado {
    color:orange;
	 background-color: #BB5B40 !important;
}
td.fiesta {
    color:red;
    font-weight:bold;
	 background-color: #9B2B00 !important;
}
td.vacia {
   background: none !important;
   border: 0 !important;
}




/****************************
 ** Horario *****************
*****************************/

table#horario {
	 border: 4px double blue;
	 -moz-border-radius: 1em; /* Error seguro al validar */
	 -moz-box-shadow: 10px 10px 5px #808089;
}
table#horario th {
	 background-color: Silver;
}
table#horario td.hora {
	 background-color: Gray;
	 color: #F5D2AF;
	 font-weight: bold;
}
table#horario td.recreo {
	 cursor: move;
	 color:#0A1A10;
	 font-weight: bold;
	 font-size: 120%;
	 letter-spacing: 35px;
	 background-color: #E5F9A2;
}








/**********************************************************
 ** ARCHIVOS ESPECÍFICOS **********************************
 **********************************************************/ 


/****************************
 ** curriculum **************
 ****************************/

div#menu {
   padding: 10px;
   float: right;
   border: 4px outset #228D1D;
   background-color: #DAEF98;
}
div#menu h3 {
   text-align: center;
   font-size: 140%;
}
div#menu ol {
   list-style: upper-roman;
   margin-left: -1px;
}

/****************************
 ** redirigir ***************
 ****************************/

body#redirigir p span#espera {
   font-size: 150%;
   color: #01011A;
   border: 3px solid #FD4702;
   padding: 14px;
   -moz-border-radius: 8px;
}
body#redirigir p.contador {
   font-size: 105%;
   color: #504060;
   margin-top: 2cm;
   margin-right: 1em;
   padding: 3px;
   border-top: 1px dashed blue;
}







/****************************
 *** formularios ************
*****************************/

body#formulario label, body#formulario h2 {/* mayúsculas */
	  text-transform: uppercase;
	  margin-top: 12mm;
}
body#formulario td.minusculas label {/* no mayúsculas */
  	text-transform: none;
}
body#formulario table {
	  width: 90%;
	  margin-left: 14px;
}
body#formulario table.exterior tr TD:first-child {
  	width: 30%;
}
body#formulario table.exterior tr td table.interior TD:first-child {
  	width: 80%;
}
body#formulario table.interior td, body#formulario table.interior {
  	border: 1px solid black;
}
body#formulario table.exterior tr td {
	  text-align: left;
	  vertical-align: bottom;
	  padding: 4px;
}
body#formulario td:hover {
    background-color: yellow;
}

/****************************
 *** practicas-linux ********
 ****************************/

dl {
    padding: 24px;
    margin: 15mm;
    /*border: 3px solid black;*/
}
dt {
    font-style: italic;
    cursor: help;
    font-size: 125%;
    font-family: Verdana;
    padding: 1mm;
}
dd {
    background-image: url(pr8/flecha.gif);
    background-repeat: no-repeat;
    padding-left: 33px;
    margin-bottom: 1.33em;
}
code {
    background-color: #FAFEFE;
}
